Example 1

  • Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus vestibulum metus sed massa. Pellentesque pharetra felis a enim. Aliquam sapien nisl, iaculis ac
  • Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus vestibulum metus sed massa. Pellentesque pharetra felis a enim. Aliquam sapien nisl, iaculis ac
  • Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus vestibulum metus sed massa. Pellentesque pharetra felis a enim. Aliquam sapien nisl, iaculis ac
  • Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus vestibulum metus sed massa. Pellentesque pharetra felis a enim. Aliquam sapien nisl, iaculis ac
  • Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus vestibulum metus sed massa. Pellentesque pharetra felis a enim. Aliquam sapien nisl, iaculis ac

Example 2- All contents initially collapsed, content contracts when mouse rolls out of accordion. Variable content widths:

  • This accordion content has a custom full width of 250px. Note where the two inline CSS are added within the markup.
  • This accordion content has a custom full width of 180px. Note where the two inline CSS are added within the markup.
  • This accordion content has a custom full width of 350px. Note where the two inline CSS are added within the markup.
  • This accordion content has a custom full width of 550px. Note where the two inline CSS are added within the markup.